{{ header }}
<div id="account-return" class="container">
	{#{{ include(helper.template('_partial/breadcrumb')) }}#}
	<div class="row">{{ column_left }}
		{% if column_left and column_right %}
			{% set class = 'col-sm-6' %}
		{% elseif column_left or column_right %}
			{% set class = 'col-sm-9' %}
		{% else %}
			{% set class = 'col-sm-12' %}
		{% endif %}
		<div id="content" class="{{ class }} return-info">{{ content_top }}
			<h1>{{ info_heading_title }}</h1>
			<div class="detail-info">
				<div class="info-title">{{ text_return_detail }}</div>
				<div class="detail-container">
					<div class="info-list">
						<div>
							<span class="attr">{{ text_return_id }}{{ colon }}</span>
							<span class="value">#{{ return_id }}</span>
						</div>
						<div>
							<span class="attr">{{ text_order_id }}{{ colon }}</span>
							<span class="value">#{{ order_id }}</span>
						</div>
						<div>
							<span class="attr">{{ text_date_added }}{{ colon }}</span>
							<span class="value">{{ date_added }}</span>
						</div>
						<div>
							<span class="attr">{{ text_date_ordered }}{{ colon }}</span>
							<span class="value">{{ date_ordered }}</span>
						</div>
						<div>
							<span class="attr">{{ text_request_status }}{{ colon }}</span>
							<span class="value">{{ histories|last.status ?: wait_handle }}</span>
						</div>
					</div>
				</div>
			</div>
			<div class="product-info">
				<div class="info-title">{{ text_product }}</div>
				<div class="product-container has_padding-left">
					<div class="product-image">
						<a href="{{ product_href }}"a>
							<img src="{{ product_image }}" alt="">
						</a>
					</div>
					<div class="product-title">
						<a href="{{ product_href }}"a>
							{{ product }}
						</a>
					</div>
					<div>
						<span>{{ column_model }}{{ colon }}</span>
						<span>{{ model }}</span>
					</div>
					<div>
						<span>{{ column_quantity }}{{ colon }}</span>
						<span>{{ quantity }}</span>
					</div>
				</div>
			</div>
			<div class="return-type">
				<div class="info-title">{{ text_type }}</div>
				<div class="has_padding-left">{{ action ?: '-' }}</div>
			</div>
			<div class="return-reason">
				<div class="info-title">{{ text_reason }}</div>
				<div class="has_padding-left">{{ reason }}</div>
			</div>
			<div class="return-parcel">
				<div class="info-title">{{ column_opened }}</div>
				<div class="has_padding-left">{{ opened }}</div>
			</div>
			<div class="return-history">
				<div class="info-title">{{ text_history }}</div>
				<div class="table-responsive return-history-list">
					<table class="table table-bordered table-hover">
						<thead>
						<tr>
							<td class="text-left" style="width: 33.3%;">{{ column_date_added }}</td>
							<td class="text-left" style="width: 33.3%;">{{ column_status }}</td>
							<td class="text-left" style="width: 33.3%;">{{ column_comment }}</td>
						</tr>
						</thead>
						<tbody>
						{% if histories %}
							{% for history in histories %}
								<tr>
									<td class="text-left">{{ history.date_added }}</td>
									<td class="text-left">{{ history.status }}</td>
									<td class="text-left">{{ history.comment }}</td>
								</tr>
							{% endfor %}
						{% else %}
							<tr>
								<td colspan="3" class="text-center">{{ text_no_results }}</td>
							</tr>
						{% endif %}
						</tbody>
					</table>
				</div>
			</div>
			{% if comment %}
				<div class="table-responsive">
					<table class="table table-bordered table-hover">
						<thead>
						<tr>
							<td class="text-left">{{ text_comment }}</td>
						</tr>
						</thead>
						<tbody>
						<tr>
							<td class="text-left">{{ comment }}</td>
						</tr>
						</tbody>
					</table>
				</div>
			{% endif %}
			{{ content_bottom }}</div>
		{{ column_right }}</div>
</div>
{{ footer }}
